/* robotpkg index style sheet */
body {
  background:	#fefef4;
  color:	#444;
  font:		normal normal normal medium sans-serif;
  margin:	1em;
}

#page {
  width:	100%;
}

#hier {
  float:	left;
  width:	15em;
}

#hier ul {
  display:	block;
  border:	#eeb 2px solid;
  background:	#ffc;
  color:	#e90017;
}

#hier .title {
  color:	#444;
  border-bottom:#dda 1px solid;
  background:	#eeb;
  font-weight:	bold;
  margin-bottom:0.5em;
  padding:	2px;
}

#hier > ul {
  margin:	2em 0;
  padding:	5px 1em;
  list-style-type: none;
  box-shadow:		4px 4px 8px #ccc;
  -webkit-box-shadow:	4px 4px 8px #ccc;
}

#hier > ul ul {
  border:	none;
  margin:	0 0 0 1em;
  padding:	0;
  list-style-type: disc;
  list-style-position: inside;
}

#hier .pkgcategory {
  font-weight:	bold;
  list-style-type: disc;
  list-style-position: inside;
}

#content {
  margin:	1em 1em 0 16em;
}

#content h2 {
  font-size:		200%;
  font-weight:		bold;
  font-variant:		small-caps;
  letter-spacing:	5px;
  word-spacing:		1em;
  margin:		0 auto;
  width:		80%;
  padding-bottom:	0.1em;
  text-align:		center;
  border-bottom:        #ddd solid 1px;
}

#content .comment {
  font-style:	oblique;
  text-align:	center;
  margin-top:	0.5em;
}

#content .descr {
  white-space:	pre-wrap;
}

#content .summary {
  background:	#f0f0f0;
  margin:	1em;
  padding:	10px;
  border:	#ddd 1px solid;
  overflow:	auto;
}

#content .summary > dt {
  float:	left;
  clear:	left;
  max-width:	25%;
  font-weight:	bold;
  margin-top:	0.5em;
  overflow:	hidden;
}

#content .summary > dt:first-letter {
  text-transform:	uppercase;
}

#content .summary > dd {
  min-width:	75%;
  margin-left:	25%;
  margin-top:	0.5em;
}

#content .s90 {
  font-size:	90%;
}

#content .options > dt {
  float:	left;
  max-width:	25%;
  font-family:	monospace;
  margin-right:	1em;
  overflow:	hidden;
}

#content .options > dd {
  min-width:	75%;
  margin-left:	25%;
}

table {
  width:	100%;
  margin:	1em;
}

thead th {
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  background:	#ddd;
  font-weight:	bold;
  padding:     .3em 0 .5em;
}

tbody td {
  padding:	.1em 1em;
  vertical-align: top;
}

.footer {
  clear:	both;
  max-width:	70em;
  font-size:	80%;
  margin-top:	4em;
  color:	#888;
  border-top:	#e0e0e0 solid 1px;
}

a:link, a:visited {
  color:	#660403;
  font-weight:	inherit;
  text-decoration:none;
}

a:hover {
  color:	#e90017;
  text-decoration:underline;
}

.footer a:link, .footer a:visited {
  color:	#ff6068;
  font-weight:	normal;
  text-decoration:none;
}

.footer a:hover {
  color:	#e90017;
  text-decoration:underline;
}

.pkgcategory a:link, .pkgcategory a:visited {
  font-weight:	bold;
}
